<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>产品详情</title>
    <!--<link rel="stylesheet" href="bootstrap/css/bootstrap.css">-->
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/detail.css">
    <script src="js/jquery-2.2.4.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="js/index.js"></script>
    <script src="js/detail.js"></script>
</head>
<body>
<div class="header-nav">
    <nav class="nav">
        <ul>
            <li><a href="#">魅族官网</a></li>
            <li><a href="#">魅族商城</a></li>
            <li><a href="#">Flyme</a></li>
            <li><a href="#">专卖店</a></li>
            <li><a href="#">服务</a></li>
            <li><a href="#">社区</a></li>
        </ul>
        <ul>
            <li><a href="#">消息</a></li>
            <li><a href="#">登录</a></li>
            <li><a href="#">注册</a></li>
        </ul>
    </nav>
</div>
<div class="vice-header">
    <div class="vice-nav">
        <div class="logo"><img src="images/logo-header.png"></div>
        <ul class="vice-list">
            <li>
                <a href="#">PRO手机</a>
                <div class="vice">
                    <div class="tab">
                        <div>
                            <a href="#">
                                <img src="images/homepanel1%20(7).png">
                                <h6>魅族PRO 6</h6>
                                <p class="baby-prize">¥2499</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="images/PRO.png">
                                <h6>魅族PRO 5</h6>
                                <p class="baby-prize"><del>¥2499</del> ¥2199</p>
                            </a>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <a href="#">魅蓝手机</a>
                <div class="vice">
                    <div class="tab">
                        <div>
                            <a href="#">
                                <img src="images/mzboby%20(4).png">
                                <h6>魅蓝3s</h6>
                                <p class="baby-prize">¥699</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="images/ML1.png">
                                <h6>魅蓝3</h6>
                                <p class="baby-prize">¥599</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="images/mzboby%20(6).png">
                                <h6>魅蓝 note3</h6>
                                <p class="baby-prize">¥799</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="images/ML2.png">
                                <h6>魅蓝 metal</h6>
                                <p class="baby-prize">¥999</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="images/ML3.png">
                                <h6>魅蓝 note2</h6>
                                <p class="baby-prize">¥799</p>
                            </a>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <a href="#">MX手机</a>
                <div class="vice">
                    <div class="tab">
                        <div>
                            <a href="#">
                                <img src="images/MX1.png">
                                <h6>MX6</h6>
                                <p class="baby-prize">¥1999</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="images/MX2.png">
                                <h6>MX5</h6>
                                <p class="baby-prize">¥1499</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="images/MX2.png">
                                <h6>MX5e 经典版</h6>
                                <p class="baby-prize">¥1499</p>
                            </a>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <a href="#">精选配件</a>
                <div class="vice">
                    <div class="tab">
                        <div>
                            <a href="#">
                                <img src="images/accessories1.png">
                                <h6>魅族EP51蓝牙运动耳机</h6>
                                <p class="baby-prize">¥269</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="images/accessories2.png">
                                <h6>魅族 HD50 头戴式耳机</h6>
                                <p class="baby-prize">¥399</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="images/homepanel1%20(1).jpg">
                                <h6>魅族移动电源(标准版)</h6>
                                <p class="baby-prize">¥99</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="images/accessories3.png">
                                <h6>魅族移动电源 快充版</h6>
                                <p class="baby-prize">¥149</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="images/accessories4.png">
                                <h6>魅族 EP-21HD耳机</h6>
                                <p class="baby-prize">¥129</p>
                            </a>
                        </div>
                        <div class="special">
                            <p><a href="#" style="font-size: 13px"><img src="images/special1.png"> 耳机/音箱</a></p>
                            <p><a href="#" style="font-size: 13px"><img src="images/special2.png"> 路由器/移动电源</a></p>
                            <p><a href="#" style="font-size: 13px"><img src="images/special5.png"> 保护套/后盖/贴膜</a></p>
                            <p><a href="#" style="font-size: 13px"><img src="images/special4.png"> 数据线/电源适配器</a></p>
                            <p><a href="#" style="font-size: 13px"><img src="images/special3.png"> 周边配件</a></p>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <a href="#">智能硬件</a>
                <div class="vice">
                    <div class="tab">
                        <div>
                            <a href="#">
                                <img src="images/hardware1.jpg">
                                <h6>魅族路由器 极速版</h6>
                                <p class="baby-prize">¥199</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="images/hardware2.png">
                                <h6>云麦好轻mini智能体脂秤</h6>
                                <p class="baby-prize">¥99</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="images/hardware3.png">
                                <h6>新游智能游戏手柄N1pro</h6>
                                <p class="baby-prize">¥119</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="images/mzbaby2%20(8).png">
                                <h6>罗马仕AU12快充车充</h6>
                                <p class="baby-prize">¥29</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="images/mzb%20(3).png">
                                <h6>乐行天下V3C智能电动独轮车</h6>
                                <p class="baby-prize"><del>¥2499</del>¥1999</p>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <img src="images/hardware4.png">
                                <h6>英特曼智能红外</h6>
                                <p class="baby-prize">¥99</p>
                            </a>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>
<main class="wrapper">
    <div>
        <div class="small-nav">
            <p><span><a href="index.html">首页</a></span> ><span class="PRO"> 魅族PRO 6</span></p>
        </div>
        <div class="show">
            <section>
                <div class="big-show"><img src="images/detail/show.jpg"></div>
                <ul class="small-show">
                    <li><img src="images/detail/show1.jpg"></li>
                    <li><img src="images/detail/show2.jpg"></li>
                    <li><img src="images/detail/show3.jpg"></li>
                    <li><img src="images/detail/show4.jpg"></li>
                </ul>
            </section>
            <section>
                <div class="show-product">
                    <h1>魅族PRO 6</h1>
                    <p style="color: #5e5e5e">支持花呗分期</p>
                    <p class="baby-prize">¥2799.00 <span class="prize">分期</span></p>
                </div>
                <dl>
                    <dt>网络类型:</dt>
                    <dd>
                        <ul>
                            <li><a href="#">全网通公开版</a></li>
                            <li class="OOS"><a href="#">全网通电信版</a></li>
                        </ul>
                    </dd>
                </dl>
                <dl>
                    <dt>颜色分类:</dt>
                    <dd>
                        <ul>
                            <li><a href="#"><img src="images/detail/color1.png"><span>玫瑰金</span></a></li>
                            <li class="OOS"><a href="#"><img src="images/detail/color2.png"><span>香槟金</span></a></li>
                            <li class="OOS"><a href="#"><img src="images/detail/color3.png"><span>月光银</span></a></li>
                            <li class="OOS"><a href="#"><img src="images/detail/color4.png"><span>星空黑</span></a></li>
                        </ul>
                    </dd>
                </dl>
                <dl>
                    <dt>机身内存:</dt>
                    <dd>
                        <ul>
                            <li class="OOS"><a href="#">32GB</a></li>
                            <li><a href="#">64GB</a></li>
                        </ul>
                    </dd>
                </dl>
                <dl>
                    <dt>套餐:</dt>
                    <dd class="meal">
                        <ul>
                            <li><a href="#">电信魅力卡0元</a></li>
                            <li><a href="#"><span>官方标配</span><span class="baby-prize">不享受优惠</span></a></li>
                        </ul>
                    </dd>
                </dl>
                <dl>
                    <dt>数量:</dt>
                    <dd>
                        <div class="form">
                            <a title="减少" href="#"><span class="reduce">-</span></a>
                            <input type="text" value="1" data-max="1">
                            <a title="增加" href="#"><span class="increase">+</span></a>
                        </div>
                        <span class="Quota"> ( 限购1件 ) </span>
                    </dd>
                </dl>
                <dl class="dl-service">
                    <dt>服务:</dt>
                    <dd>
                        <div style="width: 400px;height: 24px">
                            <p><span class="icon-huabei"></span> <span class="i">花呗分期</span></p>
                            <p><a href="#" style="display: flex;justify-content: space-around;width: 90px;color: #5e5e5e"><span class="icon-suda"></span><span class="i">百城速达</span></a></p>
                            <p><span class="icon-invoice"></span> <span class="i">电子发票</span></p>
                        </div>
                    </dd>
                </dl>
                <dl>
                    <dt><b>您已选择以下商品:</b></dt>
                    <dd class="choose">
                        <p>魅族PRO 6 全网通公开版 玫瑰金 64GB ¥2799</p>
                        <p>配送至 <input type="text"  name="username" value="" placeholder="郑州 郑东新区 郑东新区"></p>
                        <p>本商品由 魅族 负责发货，并由 魅族 提供售后服务</p>
                    </dd>
                    <dd class="amount-to">总计: <span class="baby-prize"><b>¥2799.00</b></span></dd>
                </dl>
                <dl>
                    <button>立 即 购 买</button>
                </dl>
            </section>
        </div>
    </div>
    <div class="detail">
        <div class="detail-nav">
            <div class="detail-tab">
                <ul>
                    <li class="current"><a>商品详情</a></li>
                    <li><a>规格参数</a></li>
                    <li><a>常见问题</a></li>
                </ul>
                <div class="move-nav">
                    <dl>
                        <dd>魅族PRO 6</dd>
                        <dd class="amount-to">总计: <span class="baby-prize"><b>¥2799.00</b></span></dd>
                        <dd><button><b>现在购买</b></button></dd>
                    </dl>
                </div>
            </div>
        </div>
        <div class="detail-content">
            <div class="detail-introduce tab-pane active">
                <img src="images/detail/detail.jpg" alt="">
                <img src="images/detail/detail2.png" alt="">
                <img src="images/detail/detail3.png" alt="">
                <img src="images/detail/detail4.png" alt="">
                <img src="images/detail/detail5.png" alt="">
                <img src="images/detail/detail6.png" alt="">
                <img src="images/detail/detail7.png" alt="">
                <img src="images/detail/detail8.png" alt="">
                <img src="images/detail/detail9.png" alt="">
                <img src="images/detail/detail10.png" alt="">
                <img src="images/detail/detail11.png" alt="">
                <img src="images/detail/detail12.png" alt="">
                <img src="images/detail/detail13.png" alt="">
                <img src="images/detail/detail14.png" alt="">
                <img src="images/detail/detail15.png" alt="">
                <img src="images/detail/detail16.png" alt="">
                <img src="images/detail/detail17.png" alt="">
                <img src="images/detail/detail18.png" alt="">
            </div>
            <div class="tab-pane">
                <table cellspacing="0">
                    <tr>
                        <th>品牌</th>
                        <td>魅族</td>
                    </tr>
                    <tr>
                        <th>型号</th>
                        <td>PRO 6</td>
                    </tr>
                    <tr>
                        <th>尺寸</th>
                        <td>147.×70.8×7.25mm</td>
                    </tr>
                    <tr>
                        <th>电池容量</th>
                        <td>2560mAh</td>
                    </tr>
                    <tr>
                        <th>屏幕尺寸</th>
                        <td>5.2英寸</td>
                    </tr>
                    <tr>
                        <th>分辨率</th>
                        <td>1920×1080</td>
                    </tr>
                    <tr>
                        <th>运行内存( RAM )</th>
                        <td>4GB</td>
                    </tr>
                    <tr>
                        <th>CPU</th>
                        <td>Helio X25 处理器 </td>
                    </tr>
                    <tr>
                        <th>GPU</th>
                        <td>ARM Mali-T880 图形处理器</td>
                    </tr>
                    <tr>
                        <th>网络模式</th>
                        <td>双卡多模</td>
                    </tr>
                    <tr>
                        <th>重量</th>
                        <td>160g</td>
                    </tr>
                    <tr>
                        <th>前置摄像头</th>
                        <td>500万像素</td>
                    </tr>
                    <tr>
                        <th>后置摄像头</th>
                        <td>2116万像素</td>
                    </tr>
                    <tr>
                        <th>系统版本</th>
                        <td>Flyme 5</td>
                    </tr>
                    <tr>
                        <th>包装清单</th>
                        <td>
                            主机 × 1 <br>
                            电源适配器 × 1 <br>
                            保修证书 × 1 <br>
                            SIM卡顶针 × 1 <br>
                            数据线 × 1 <br>
                            ME-10耳机 × 1 ( 仅限64G版本 )
                        </td>
                    </tr>
                </table>
            </div>
            <div class="issue tab-pane">
                <h2 style="color: #00c3f5">热门回答</h2>
                <dl>
                    <dt><span></span>魅族PRO 6 的屏幕尺寸是多大？</dt>
                    <dd>
                        <span></span>
                        5.2 英寸大小，在保留单手握持手感的前提下，做到了显示效果和功耗控制的平衡。
                        得益于自发光的特点，AMOLED 实现了每个像素单独控制，无需恒定背光，续航更持久；
                        屏幕画面通透亮丽，色彩色度表现均匀。更提供近似于 sRGB 和 Adobe RGB 的国际标准色彩空间模式，
                        只需一眼，已足够惊艳
                    </dd>
                </dl>
                <dl>
                    <dt><span></span>魅族 PRO 6 的屏幕的3D Press 技术是什么？</dt>
                    <dd>
                        <span></span>
                        我们将 3D Press 技术定义为新一代人机对话。不同于传统的点击、滑动手势，
                        魅族PRO 6 可实时感知屏幕上按压力度的变化，唤出对应的预览结果及手机热键功能。
                        这不仅直观提升了手机操作的效率，更是开辟出更多人机互动的可能。而且，
                        这并非限定于视觉变化，3D Press 会给你带来触觉层面的震动反馈。软硬结合，方可大成。
                    </dd>
                </dl>
                <dl>
                    <dt><span></span>魅族PRO 6 配有几种颜色？机身采用什么工艺？</dt>
                    <dd>
                        <span></span>
                        魅族PRO 6 采用了全新的 ID 风格，追求曲线与弧度之美，拥有更加纯粹的金属机身。
                        银、金、黑三种配色大胆而精彩，环形闪光灯独特而夺目。新鲜惊艳中不失传承，
                        处处透露着魅族对于极致的不懈追求和自我突破的渴望。我们斟酌结构上的每一个细节，
                        打造更坚固的机身；我们引进更好的注塑材料和工艺，完成金属占比高达 98% 的一体化机身；
                        我们采用全新的 3D 喷砂工艺和在线测量系统的钻石高光，无一不在完善 魅族PRO 6 的方方面面。
                    </dd>
                </dl>
                <dl>
                    <dt><span></span>魅族PRO 6 是否支持双卡双待？是否支持 TF 扩展？</dt>
                    <dd>
                        <span></span>
                        魅族PRO 6 是双卡双待设计，可使用移动、联通或电信卡进行任意双卡组合，且不限制主副卡的安装位置，
                        SIM 卡 1 和 SIM 卡 2 均可启用 4G。魅族 PRO 6 不支持TF 卡扩展。
                    </dd>
                </dl>
                <dl>
                    <dt><span></span>魅族PRO 6 支持的网络有哪些？是否具备 VoLTE 语音通话技术？</dt>
                    <dd>
                        <span></span>
                        魅族PRO 6 带来了全网通。6 模 18 频打破网络制式的界限，移动、联通、电信 2/3/4G 随意搭配。
                        全新智能天线技术，动态切换主副天线，保证信号持续稳定，让网络时刻畅通。
                        全新的基带整合 LTE Cat.6 双载波聚合技术，使得最高下载速度可达 300Mbps；
                        同时，魅族PRO 6 原生支持 VoLTE 通话方案，大幅提高语音质量，减少 90% 以上呼叫等待时间
                    </dd>
                </dl>
                <dl>
                    <dt><span></span>魅族PRO 6 的 CPU 是用什么处理器？</dt>
                    <dd>
                        <span></span>
                        全新 Helio X25 旗舰处理器，带来魅族革命性的 10 核 3 集群架构。
                        Cortex™-A72 CPU 搭配 Mali™-T880 GPU 黄金组合。配合 eMMC 5.1 闪存颗粒和 4GB 大内存，
                        轻松应对各种使用场景。我们还整合内核级省电算法，针对上万个场景进行专项优化，
                        智能调度 3 大集群，兼得续航与性能。
                    </dd>
                </dl>
                <dl>
                    <dt><span></span>魅族PRO 6 的运行内存是多少？</dt>
                    <dd><span></span>魅族PRO 6 配备 4GB 的运行内存，让系统在运行及程序切换时，体验更为流畅。</dd>
                </dl>
                <dl>
                    <dt><span></span>魅族PRO 6 后置摄像头是多少像素？是否采用了激光辅助对焦技术？</dt>
                    <dd>
                        <span></span>
                        7.25mm 的超薄机身，也要有性能强大的好相机。我们向供应商定制了 PRO 6 的主摄像头模组达到2116 万像素，
                        围绕整体结构设计进行优化，将 PRO 5 上经典的 IMX 230 放置其中。全新升级的激光辅助对焦，
                        在对焦距离和对焦速度上有了更大提升。环形闪光灯的助力，更是让 PRO 6 进一步加强了弱光环境下的拍摄表现。
                    </dd>
                </dl>
                <dl>
                    <dt><span></span>魅族PRO 6 是否支持mCharge 快充技术？</dt>
                    <dd>
                        <span></span>
                        魅族PRO 6 依然拥有优秀的 24W 充电功率，相比主流5V/2A 方案，速度最高提升 140%。10 分钟即可充入 26%，
                        1 小时基本充满。但我们并不满足于充电速度，通过与 MediaTek、Texas Instruments 三方合作，
                        终于开发出精确配电的 mCharge 3.0 技术：3 颗 IC 芯片根据机身温度、电池电压、使用场景等数据不断沟通协作，
                        动态切换高低电压。相比上一代快充方案，mCharge 3.0 平均效率提高 20%，温度降低 5℃ 以上。
                    </dd>
                </dl>
                <dl>
                    <dt><span></span>魅族 PRO 6 是否支持 Type-C 接口？USB 3.1是什么技术？</dt>
                    <dd>
                        <span></span>
                        在 Type-C 成为 PRO 系标配的情况下，我们将 USB 3.1 Gen1 标准整合加入，最高带宽可达 5Gbps，
                        电脑上传输速度轻松达到 90MB/s，是上一代的 3 倍之多。PRO 6 随机赠送的全新数据线，
                        柔韧性大幅增强，同时提高了接口可靠性，并加入高温、短路主动保护装置，配合 mCharge 3.0，
                        充电又快又安全。
                    </dd>
                </dl>
                <dl>
                    <dt><span></span>魅族 PRO 6 是否支持HI-FI 技术？</dt>
                    <dd>
                        <span></span>
                        魅族PRO 6 采用了Cirrus Logic 的 CS43L36 解码耳放一体芯片。先进的电路设计，使得音染极小，动态优秀，
                        声音干净有力，精准忠实地还原音乐的本来面目。如此，魅族PRO 6 成为一款宽容度极高的播放设备，
                        可以适应各种口味。同时，魅族PRO 6 的 Hi-Fi 模块功耗相比上代降低了 75%，
                        这使得平时的通话语音也可以由这颗芯片处理，配合 VoLTE，超高质量通话得以成为现实。
                    </dd>
                </dl>
                <dl>
                    <dt><span></span>魅族 PRO 6 的mSound 是什么技术？</dt>
                    <dd>
                        <span></span>
                        魅族PRO 6 搭载了 NXP 第三代 Smart PA 系统。先进的芯片通过实时感知外放喇叭的状态，
                        可以智能控制喇叭的震动；从而充分榨取喇叭的性能，大大提高了声音整体的响度和低频的质量，
                        洪亮不破音，澎湃而清晰，使外放达到准 Hi-Fi 水平，我们称之为 mSound。
                    </dd>
                </dl>
                <dl>
                    <dt><span></span>怎样才算购买成功？</dt>
                    <dd>
                        <span></span>
                        由于系统设置为付款后减库存，所以拍下并不代表购买成功。为了确保购买成功，建议拍下后尽快完成付款。
                    </dd>
                </dl>
                <dl>
                    <dt><span></span>一次最多可以购买多少台PRO6？</dt>
                    <dd>
                        <span></span>
                        为尽可能保障普通客户的购买需求，避免“黄牛”囤积货物、抬价转售，损害普通客户利益。 特此约定：同一客户，
                        仅限购买一台。若遇同一ID购买多台，仅发一台； 包括但不限于具备下列现象之一，均视为同一客户，
                        仅发一台： 批量相同（包括雷同、邻近、虚构）的收货地址、同一联系号码（包括虚构、无法联系）、
                        同一收件人 （巧合同名外）、同一支付账户等。
                    </dd>
                </dl>
            </div>
        </div>
    </div>
</main>
<div class="footer">
    <div class="mzcontainer">
        <div>
            <ul>
                <li>
                    <img src="images/footer%20(3).png">
                    <P><b>7天</b> 无理由退货</P>
                </li>
                <li><span></span></li>
                <li>
                    <img src="images/footer%20(4).png">
                    <p><b>15天</b> 换货保障</p>
                </li>
                <li><span></span></li>
                <li>
                    <img src="images/footer%20(2).png">
                    <P><b>1年</b> 免费保修</P>
                </li>
                <li><span></span></li>
                <li>
                    <img src="images/footer%20(1).png">
                    <p><b>百城</b> 速达</p>
                </li>
                <li><span></span></li>
                <li>
                    <img src="images/footer%20(5).png">
                    <p><b>全场</b> 包邮</p>
                </li>
                <li><span></span></li>
                <li>
                    <img src="images/footer%20(6).png">
                    <p><b>2000多家</b> 专卖店</p>
                </li>
            </ul>
        </div>
        <div class="footer-nav">
            <section>
                <h5>帮助说明</h5>
                <p><a href="#">支付方式</a></p>
                <p><a href="#">配送说明</a></p>
                <p><a href="#">售后服务</a></p>
                <p><a href="#">付款帮助</a></p>
            </section>
            <section>
                <h5>Flyme</h5>
                <p><a href="#">开放平台</a></p>
                <p><a href="#">固件下载</a></p>
                <p><a href="#">软件商店</a></p>
                <p><a href="#">查找手机</a></p>
            </section>
            <section>
                <h5>关于我们</h5>
                <p><a href="#">关于魅族</a></p>
                <p><a href="#">加入我们</a></p>
                <p><a href="#">联系我们</a></p>
                <p><a href="#">法律声明</a></p>
            </section>
            <section>
                <h5>关注我们</h5>
                <p><a href="#">新浪微博</a></p>
                <p><a href="#">腾讯微博</a></p>
                <p><a href="#">QQ空间</a></p>
                <p><a href="#">官方微信</a></p>
            </section>
            <section>
                <h5>24小时全国服务热线</h5>
                <h3><a href="#">400-788-3333</a></h3>
                <button>24小时在线客服</button>
            </section>
        </div>
        <div class="footer-page">
            <p>©2016 Meizu Telecom Equipment Co., Ltd. All rights reserved.
                <a href="#">备案号：粤ICP备13003602号-2</a>
                <a href="#">经营许可证编号：粤B2-20130198 营业执照</a>
                <img src="images/footer-copy-1.png"><img src="images/footer-copy-2.png"><img src="images/trust-icon.png">
            </p>
        </div>
    </div>
</div>
</body>
</html>